<template>
  <div class="openaccount">
    <my-head title="存管账户" :go="true" :ri="null"></my-head>
    <div class="content">
      <div class="list">
        <div class="item">
          <tr>
            <td>真实姓名:</td>
            <td><input type="text" placeholder="请输入真实姓名"></td>
          </tr>
        </div>
        <div class="item">
          <tr>
            <td>证件号码:</td>
            <td><input type="text" placeholder="请输入号码"></td>
          </tr>
        </div>
        <div class="item">
          <tr>
            <td>选择银行:</td>
            <td><input type="text" placeholder="请选择银行"></td>
          </tr>
        </div>
        <div class="item">
          <tr>
            <td>银行卡号:</td>
            <td><input type="text" placeholder="请输入银行卡号"></td>
          </tr>
        </div>
        <div class="item">
          <tr>
            <td>开户地区:</td>
            <td><input type="text" placeholder="请选择开户地区"></td>
          </tr>
        </div>
        <div class="item">
          <tr>
            <td>预留手机号:</td>
            <td><input type="text" placeholder="请输入预留手机号"></td>
          </tr>
        </div>
      </div>
      <div class="btn">
        <button>立即绑定</button>
      </div>
    </div>
  </div>
</template>

<script>
import Head from "@/components/Head"
export default {
  data(){
    return {

    }
  },
  components:{
    myHead:Head
  }
}
</script>

<style scoped lang="less">
  .openaccount{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    .content{
      flex: 1;
      background: #f4f4f4;
      display:flex;
      flex-direction: column;
      .list{
        margin-top: 0.05rem;
        .item{
          background: #fff;
          margin-top: 0.1rem;
          display: flex;
          tr{
            flex: 1;
            display: flex;
            padding: 0.16rem;
            td{
              display: flex;
              font-family: 0.15rem;
              input{
                border: 0;
                flex: 1;
                outline: none;
              }
            }
            td:first-child{
              width: 1.08rem;
            }
            td:last-child{
              flex: 1;
            }
          }
        }
      }
      .btn{
        display: flex;
        padding: 0.37rem 0.21rem;
        button{
          flex: 1;
          background: #ff8b38;
          border: 0;
          color: #fff;
          padding: 0.15rem 0;
          font-size: 0.17rem;
        }
      }
    }
  }
</style>
